<div class="todoListWrapper">
  <div *ngIf="newTodosCount" class="loadMoreSection" (click)="loadNew()">
    New tasks have arrived! ({{newTodosCount}})
  </div>

  <ul>
    <ng-container *ngFor="let todo of todos">
      <TaskItem [todo]="todo"></TaskItem>
    </ng-container>
  </ul>

  <div class="loadMoreSection" (click)="loadOlder()">
    {{olderTodosAvailable ? 'Load older tasks' : 'No more public tasks!'}}
  </div>
</div>
